import { defineComponent } from "vue";
import { Spin } from "ant-design-vue";
import styles from "./loading/index.module.scss";

interface PropsInterface {
  height?: string;
}

export default defineComponent({
  name: "LoadingPage",
  props: {
    height: {
      type: String,
      default: "100vh",
    },
  },
  setup(props: PropsInterface) {
    return () => (
      <div class={styles["loading-box"]} style={{ height: props.height || "100vh" }}>
        <Spin size="large" />
      </div>
    );
  },
});
